  <!DOCTYPE html>
<html>
	<head>            
		<meta charset="UTF-8">
		<title>店铺</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/shop.css"/>
		<script src="../js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="mod-container">
			<div class="mod-topbarThrough">
				<div class="mod-topbar clearfix">
					<ul class="topLeft">
						<li>
							<span>北京</span>
							[切换城市]
						</li>
						<li>同城首页</li>
					</ul>
					<ul class="topRight">
						<li><a>登录</a></li>
						<li><a>注册</a></li>
						<li><a>我的订单</a></li>
						<li><a>客服电话:4000-399-360</a></li>
						<li><a>客户服务</a></li>
						<li><span>投诉建议</span></li>
					</ul>
				</div>
			</div>
			<div class="mod-headerThrough">
				<div class="mod-header clearfix">
					<h1><a href="#">360同城帮</a></h1>
					<div class="search">
						<ul>
							<li><a>全部</a></li>
							<li><a>台式</a></li>
							<li><a>笔记本</a></li>
							<li><a>手机平板</a></li>
							<li><a>办公设备</a></li>
							<li><a>服务器</a></li>
						</ul>
						<input type="text" name="searching" id="searching" placeholder="输入您的电脑手机问题，撒打发点" />
						<button>搜索</button>
					</div>					
				</div>
			</div>
			
			<div class="mod-shop">
				<div class="shop clearfix">
					<img src="../img/shop1.jpg"/>
					<div class="shopMessage clearfix">
						<a href="#">顺通电脑维修</a>
						<img src="../img/ico1.jpg"/>
						<img src="../img/ico2.jpg"/>
						<ul>
							<li>360担保交易</li>
							<li>360担保交易</li>
							<li>360担保交易</li>
						</ul>
						<p>联系人：阿斯蒂芬&nbsp;电话：<span>180****2345</span><a>查看完整好吗</a></p>
						<p>老大撒会计分录佛卡死了就合法开始阿斯顿发放的<a>地图</a></p>
					</div>
					<div class="shopComment">
						<ul class="clearfix">
							<li><a>分享</a></li>
							<li><a>分享</a></li>
							<li><a>分享</a></li>
						</ul>
						<p>店铺等级：<img src="../img/shopgrade1.jpg" /><img src="../img/shopgrade1.jpg" /></p>
						<p>最近成交：<span>123445</span>次&nbsp;评价：<b>12345</b>条</p>
						<p>营业时间：09:00-20:00&nbsp;周末正常营业</p>
					</div>
				</div>
				<div class="notice">
					<p><b>店铺公告：&nbsp;</b>1.<span>固态沙发大声点发，送方的说法是否打算的！</span></p>
				</div>
				<div class="goods clearfix">
					<div class="goodsLeft">
						<div class="goodsSelect clearfix">
							<ul>
								<li>商品列表</li>
								<li>商品列表</li>
								<li>商品列表</li>
								<li>商品列表</li>
							</ul>
							<input type="text" placeholder="搜索本店服务"/>
							<button>搜索</button>											
						</div>					
						<div class="amount clearfix">
							<ul>
								<li>全部<span>(25)</span></li>
								<li>台式机<span>(25)</span></li>
								<li>台式机<span>(25)</span></li>
								<li>台式机<span>(25)</span></li>
								<li>台式机<span>(25)</span></li>
								<li>其他<span>(25)</span></li>
							</ul>
						</div>
						<div class="price clearfix">
							<ul>
								<li>
									<img src="../img/price1.jpg"/>
									<div class="priceContent">
										<a>苹果手机iphone贴膜</a>
										<p>服务内筒 的撒发生大发发的发的是发放的</p>
									</div>
									<p><span>￥</span>30.00</p>
									<button>立即购买</button>
								</li>
								<li>
									<img src="../img/price1.jpg"/>
									<div class="priceContent">
										<a>苹果手机iphone贴膜</a>
										<p>服务内筒 的撒发生大发发的发的是发放的</p>
									</div>
									<p><span>￥</span>30.00</p>
									<button>立即购买</button>
								</li>
								<li>
									<img src="../img/price1.jpg"/>
									<div class="priceContent">
										<a>苹果手机iphone贴膜</a>
										<p>服务内筒 的撒发生大发发的发的是发放的</p>
									</div>
									<p><span>￥</span>30.00</p>
									<button>立即购买</button>
								</li>
								<li>
									<img src="../img/price1.jpg"/>
									<div class="priceContent">
										<a>苹果手机iphone贴膜</a>
										<p>服务内筒 的撒发生大发发的发的是发放的</p>
									</div>
									<p><span>￥</span>30.00</p>
									<button>立即购买</button>
								</li>
								<li>
									<img src="../img/price1.jpg"/>
									<div class="priceContent">
										<a>苹果手机iphone贴膜</a>
										<p>服务内筒 的撒发生大发发的发的是发放的</p>
									</div>
									<p><span>￥</span>30.00</p>
									<button>立即购买</button>
								</li>
								<li>
									<img src="../img/price1.jpg"/>
									<div class="priceContent">
										<a>苹果手机iphone贴膜</a>
										<p>服务内筒 的撒发生大发发的发的是发放的</p>
									</div>
									<p><span>￥</span>30.00</p>
									<button>立即购买</button>
								</li>
								<li>
									<img src="../img/price1.jpg"/>
									<div class="priceContent">
										<a>苹果手机iphone贴膜</a>
										<p>服务内筒 的撒发生大发发的发的是发放的</p>
									</div>
									<p><span>￥</span>30.00</p>
									<button>立即购买</button>
								</li>
								<li>
									<img src="../img/price1.jpg"/>
									<div class="priceContent">
										<a>苹果手机iphone贴膜</a>
										<p>服务内筒 的撒发生大发发的发的是发放的</p>
									</div>
									<p><span>￥</span>30.00</p>
									<button>立即购买</button>
								</li>
								<li>
									<img src="../img/price1.jpg"/>
									<div class="priceContent">
										<a>苹果手机iphone贴膜</a>
										<p>服务内筒 的撒发生大发发的发的是发放的</p>
									</div>
									<p><span>￥</span>30.00</p>
									<button>立即购买</button>
								</li>
								<li>
									<img src="../img/price1.jpg"/>
									<div class="priceContent">
										<a>苹果手机iphone贴膜</a>
										<p>服务内筒 的撒发生大发发的发的是发放的</p>
									</div>
									<p><span>￥</span>30.00</p>
									<button>立即购买</button>
								</li>
							</ul>
						</div>
						<div class="pageTurn">
							<ul>
								<li>1</li>
								<li>2</li>
								<li>3</li>
								<li>下一页</li>
							</ul>
						</div>											
					</div>
					<div class="map">
						<p>欢迎关注我的为的</p>
						<img src="../img/2dcode.jpg"/>
						<img src="../img/map2.jpg"/>
						<a>查看大图</a>
					</div>
				</div>
			</div>
			<div class="mod-userComment">
				<div class="userComment clearfix">
					<h2>用户评价</h2>
					<ul>
						<li>
							<div class="user">
								<img src="../img/user1.jpg"/>
								<p>1234123412342435</p>
							</div>
							<div class="comment">
								<img src="../img/star1.jpg"/>
								<span>5分</span>
								<p>师傅打发打发点，刚发给大发发打发</p>
								<time>2015-11-11 13:16:32 | </time>
								<span>上门维修电脑</span>
							</div>
							<p>订单号：32453*****452345</p>
						</li>
						<li>
							<div class="user">
								<img src="../img/user1.jpg"/>
								<p>1234123412342435</p>
							</div>
							<div class="comment">
								<img src="../img/star1.jpg"/>
								<span>5分</span>
								<p>师傅打发打发点，刚发给大发发打发</p>
								<time>2015-11-11 13:16:32 | </time>
								<span>上门维修电脑</span>
							</div>
							<p>订单号：32453*****452345</p>
						</li>
						<li>
							<div class="user">
								<img src="../img/user1.jpg"/>
								<p>1234123412342435</p>
							</div>
							<div class="comment">
								<img src="../img/star1.jpg"/>
								<span>5分</span>
								<p>师傅打发打发点，刚发给大发发打发</p>
								<time>2015-11-11 13:16:32 | </time>
								<span>上门维修电脑</span>
							</div>
							<p>订单号：32453*****452345</p>
						</li>
						<li>
							<div class="user">
								<img src="../img/user1.jpg"/>
								<p>1234123412342435</p>
							</div>
							<div class="comment">
								<img src="../img/star1.jpg"/>
								<span>5分</span>
								<p>师傅打发打发点，刚发给大发发打发</p>
								<time>2015-11-11 13:16:32 | </time>
								<span>上门维修电脑</span>
							</div>
							<p>订单号：32453*****452345</p>
						</li>
						<li>
							<div class="user">
								<img src="../img/user1.jpg"/>
								<p>1234123412342435</p>
							</div>
							<div class="comment">
								<img src="../img/star1.jpg"/>
								<span>5分</span>
								<p>师傅打发打发点，刚发给大发发打发</p>
								<time>2015-11-11 13:16:32 | </time>
								<span>上门维修电脑</span>
							</div>
							<p>订单号：32453*****452345</p>
						</li>
						<li>
							<div class="user">
								<img src="../img/user1.jpg"/>
								<p>1234123412342435</p>
							</div>
							<div class="comment">
								<img src="../img/star1.jpg"/>
								<span>5分</span>
								<p>师傅打发打发点，刚发给大发发打发</p>
								<time>2015-11-11 13:16:32 | </time>
								<span>上门维修电脑</span>
							</div>
							<p>订单号：32453*****452345</p>
						</li>
						<li>
							<div class="user">
								<img src="../img/user1.jpg"/>
								<p>1234123412342435</p>
							</div>
							<div class="comment">
								<img src="../img/star1.jpg"/>
								<span>5分</span>
								<p>师傅打发打发点，刚发给大发发打发</p>
								<time>2015-11-11 13:16:32 | </time>
								<span>上门维修电脑</span>
							</div>
							<p>订单号：32453*****452345</p>
						</li>
						<li>
							<div class="user">
								<img src="../img/user1.jpg"/>
								<p>1234123412342435</p>
							</div>
							<div class="comment">
								<img src="../img/star1.jpg"/>
								<span>5分</span>
								<p>师傅打发打发点，刚发给大发发打发</p>
								<time>2015-11-11 13:16:32 | </time>
								<span>上门维修电脑</span>
							</div>
							<p>订单号：32453*****452345</p>
						</li>
						<li>
							<div class="user">
								<img src="../img/user1.jpg"/>
								<p>1234123412342435</p>
							</div>
							<div class="comment">
								<img src="../img/star1.jpg"/>
								<span>5分</span>
								<p>师傅打发打发点，刚发给大发发打发</p>
								<time>2015-11-11 13:16:32 | </time>
								<span>上门维修电脑</span>
							</div>
							<p>订单号：32453*****452345</p>
						</li>
						<li>
							<div class="user">
								<img src="../img/user1.jpg"/>
								<p>1234123412342435</p>
							</div>
							<div class="comment">
								<img src="../img/star1.jpg"/>
								<span>5分</span>
								<p>师傅打发打发点，刚发给大发发打发</p>
								<time>2015-11-11 13:16:32 | </time>
								<span>上门维修电脑</span>
							</div>
							<p>订单号：32453*****452345</p>
							<div class="userPageTurn">
								<dl>
									<dd>1</dd>
									<dd>2</dd>
									<dd>3</dd>
									<dd>4</dd>
									<dd>下一页</dd>
								</dl>
							</div>	
						</li>
					</ul>
				</div>
				
				<div class="shopDetail clearfix">
					<h2>店铺详情</h2>
					<ul>
						<li><p>主营</p><p>电脑维修，都是，法国电视，福感第三方</p></li>
						<li>
							<p>速度主营</p>
							<dl>
								<dd>玉桥</dd>
								<dd>玉桥</dd>
								<dd>玉桥</dd>
								<dd>玉桥</dd>
								<dd>玉桥</dd>
								<dd>玉桥</dd>
							</dl>
						</li>
						<li><p>主营</p><p>电脑维修，都是，法国电视，福感第三方(<a>查看地图</a>)</p></li>
						<li><p>主营</p><p>电脑维修，都是，法国电视，福感第三方</p></li>
					</ul>
				</div>
				<div class="server">
					<h2>服务保障</h2>
					<p>拉开点首发会拉开的所发生的</p>
					<ul>
						<li>
							<h3>爱的是嘎嘎发个</h3>
							<p>爱空间发的哈迪斯客服哈空间发发电公司</p>
						</li>
						<li>
							<h3>爱的是嘎嘎发个</h3>
							<p>爱空间发的哈迪斯客服哈空间发发电公司</p>
						</li>
						<li>
							<h3>爱的是嘎嘎发个</h3>
							<p>爱空间发的哈迪斯客服哈空间发发电公司</p>
						</li>
						<li>
							<h3>爱的是嘎嘎发个</h3>
							<p>爱空间发的哈迪斯客服哈空间发发电公司</p>
						</li>
						<li>
							<h3>爱的是嘎嘎发个</h3>
							<p>爱空间发的哈迪斯客服哈空间发发电公司</p>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="footerThrough">
				<div class="footer">
					<div class="behind clearfix">
						<ul>
							<li>
								<p>购物指南</p>
								<a>购物流程</a>
								<a>购物流程</a>
								<a>购物流程</a>
							</li>
							<li>
								<p>购物指南</p>
								<a>购物流程</a>
								<a>购物流程</a>
								
							</li>
							<li>
								<p>购物指南</p>
								<a>购物流程</a>
								
							</li>
							<li>
								<p>购物指南</p>
								<a>购物流程</a>
								
							</li>
							<li>
								<p>购物指南</p>
								<a>购物流程</a>
								
							</li>
						</ul>
					</div>
					<div class="address">
						<p>客服电弧124313241&nbsp;&nbsp;<span>阿斯蒂芬</span>&nbsp;&nbsp;<span>去玩儿若</span></p>						
						<p>sfeqfqfs fe!@ #s12345245 3425245 adfas df23$% 离开的</p>
						<p>萨科合法sadffa看的哈斯sadfadf卡积分换</p>
					</div>
				</div>
			</div>
			
		</div>
		<div class="backToTop"><p>返</p><p>回</p></div>
	</body>
	<script type="text/javascript">
		var btn = document.getElementsByClassName("price")[0].getElementsByTagName("button");
		for(var i=0;i<btn.length;i++){
			btn[i].onclick = function(){
				location.replace('order.html');				
			}
		}

//		var $btn = $('.price button');
//		for(var i=0;i<$btn.length;i++){
//			$($btn[i]).click(function(){
//				location.replace('order.html');
//				console.log('1');
//			})
//		}

//		var back = document.getElementsByClassName("backToTop")[0];
//		back.onclick = function(){
//			document.documentElement.scrollTop = 0;
//		}
		
		var $back =$('.backToTop');
		$back.click(function(){
			$('body,html').animate({scrollTop:0},300);
		});
	</script>
</html>



















